<template>
  <div>
    <div class="header_left">
      <span>智能咨询系统</span>
      <i class="el-icon-s-unfold" style="margin-left: 25px"></i>
    </div>
    <div style="position: absolute;line-height: 60px;right: 150px">
        <i class="el-icon-s-comment" style="font-size: 23px;margin-right: 10px"></i>
      <i class="el-icon-service" style="font-size: 23px"></i>
      <i class="el-icon-shopping-bag-2" style="font-size: 23px;margin-left: 10px"></i>
    </div>
    <el-dropdown>
      <div class="touxiang">
        <img src="../../assets/touxiang.jpg" alt="">
      </div>
<!--      <i class="el-icon-setting" style="color: aliceblue;margin-right: 5px"></i>-->
      <el-dropdown-menu slot="dropdown">

        <el-dropdown-item @click.native="gouser">个人中心</el-dropdown-item>
        <el-dropdown-item>设置</el-dropdown-item>
        <el-dropdown-item>登出</el-dropdown-item>
      </el-dropdown-menu>
    </el-dropdown>

  </div>
</template>

<script>
import router from "@/router";
import {Trace,ListView} from '@icon-park/vue';
export default {
  name: "header2",
  methods:{
    gouser(){
      console.log('sb')
      this.$router.push('/GeRen')
    }
  },
}
</script>

<style scoped>
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.touxiang{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
}
.touxiang img{
  width: 50px;
  height: 50px;
  border-radius: 50px;
}
.nicheng{
  font-size: 20px;
  margin-top: 10px;
}
.el-badge item{
  float: none;
  height: 60px;
  line-height: 60px;
}
.header_left{
  float: left;
  /*background-color: blue;*/
  line-height: 60px;
  font-size: 25px;
}
.block{
  float: right;
  margin-right: 50px;
}
</style>
